<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:wicket="http://wicket.sourceforge.net/">
<body>
	<wicket:panel>
		<wicket:container wicket:id="cpm">
			<wicket:child />
		</wicket:container>
	</wicket:panel>

	<!-- A simple form field with its decorations. A simple form field is one that consists 
    	 of a single html input element. -->
	<wicket:fragment wicket:id="simpleFormField">
		<div class="control-group" wicket:id="container">
			<label wicket:id="label" class="control-label">field label</label>
			<div class="controls">
				<wicket:container wicket:id="innerFragment"/>
				<span class="field-buttons btn-group">
						<button class="btn btn-mini" wicket:id="buttons"></button>
				</span>
				<span class="help-block" wicket:id="feedback"></span>
			</div>
		</div>
	</wicket:fragment>

	<!-- A complex form field with its decorations. A complex form field is one that consists 
    	 of a multiple html input elements. -->
	<wicket:fragment wicket:id="complexFormField">
		<div class="field-group-border" wicket:id="container">
			<fieldset>
				<!-- <legend></legend>  Required for accessibility?-->
				<wicket:enclosure>
					<div class="complex-formfield-header">
						<span class="complex-formfield-label" wicket:id="label"></span>
					</div>
				</wicket:enclosure>
				<div wicket:id="comp" />
			</fieldset>
		</div>

	</wicket:fragment>

	<!-- decoration for a list item, that is complex. -->
	<wicket:fragment wicket:id="complexListItem">
		<div wicket:id="container">
			<fieldset>
				<!-- <legend></legend>  Required for accessibility?-->
				<div class="complex-formfield-header">
					<span class="complex-formfield-label" wicket:id="label"></span> 
						<!-- some space for icon buttons to delete or move the item -->
						<span class="field-group-buttons"> 
							<button class="btn btn-micro" wicket:id="buttons"></button>
						</span>
				</div>
				<div wicket:id="comp" />
			</fieldset>
		</div>
	</wicket:fragment>

	<wicket:fragment wicket:id="textField">
		<input type="text" wicket:id="comp" class="input-block-level"></input>
	</wicket:fragment>

	<wicket:fragment wicket:id="numberField">
		<input type="number" wicket:id="comp" class="input-block-level"></input>
	</wicket:fragment>

	<wicket:fragment wicket:id="dateTimeField">
		<input type="text" wicket:id="comp" class="input-block-level"></input>
	</wicket:fragment>

	<wicket:fragment wicket:id="checkBox">
		<label class="checkbox"> <input type="checkbox"
			wicket:id="comp"></input>
		</label>
	</wicket:fragment>

	<wicket:fragment wicket:id="select">
		<select wicket:id="comp" class="input-block-level"></select>
	</wicket:fragment>

</body>
</html>
